<template>
	<view class="mainCss">
		<view class="titleBox">
			<view class="titleLeft">
				<img src="../../static/title/back.png" class="titleBack" @click="goBack">
			</view>
			<view class="titleText">
				<text>加盟详情</text>
			</view>
			<view class="titleRight">

			</view>
		</view>
		<view class="bannerBox">
			<swiper style="height: 350rpx;" autoplay="true" interval="3000" duration="500" circular="true">
				<swiper-item v-for="(item, index) in bannerList" :key="index">
					<view class="swiper-item">
						<image :src="item.imgUrl" class="banner"></image>
					</view>
				</swiper-item>
			</swiper>
		</view>
		<view class="bodyBox">
			
		</view>
		<view class="block">
			
		</view>
		<view class="footerBox">
			<view class="toolbar">
				<view class="leftTool">
					<view class="iconBox">
						<img src="../../static/lease/shoucang.png" class="collection" v-show="!shoucang"
							@click="shoucang = !shoucang">
						<img src="../../static/lease/shoucang1.png" class="collection" v-show="shoucang"
							@click="shoucang = !shoucang">
						<text v-show="!shoucang">收藏</text>
						<text v-show="shoucang">已收藏</text>
					</view>
					<view class="iconBox">
						<img src="../../static/lease/fenxiang.png" class="collection">
						<text>分享</text>
					</view>
				</view>
				<view class="rightTool">
					<view class="buttonView">
						<img src="../../static/lease/xiaoxi.png" class="xiaoxi">
						<text>微聊</text>
					</view>
					<button class="toolButton">在线支付</button>
					<img src="../../static/lease/tishi.png" class="tipsIcon">
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bannerList: [{
					imgUrl: '../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../static/lease/leaseBg.png',
				}],
				shoucang: false,
			}
		},
		onLoad() {

		},
		methods: {
			// 返回
			goBack() {
				uni.navigateBack(0)
			},
		}
	}
</script>

<style>
	@import '../../css/details.css';
</style>